<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="Aceona,Aceona.com,人脉俱乐部,精英互荐,猎手,猎寻,千猎千寻,马球俱乐部,高端人才猎头,高薪职位猎头,中高层管理人员猎头,高薪职位,世界500强职位, 知名企业招聘,中高端人才招聘,高薪工作,高收入工作,外企招聘,人才推荐奖金" />
<meta name="description" content="埃斯欧纳信息咨询有限公司,Aceona.com,为中高端人才提供优质的工作机会和良好的事业发展机遇，提供搜索职位、投简历、猎头服务等求职服务，帮求者找到知名企业和高薪工作。为招聘企业提供职位发布,高级人才的搜寻,推荐,猎头等服务" />
<meta name="company" content="深圳埃斯欧纳信息咨询有限公司,Aceona.com"/>
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<meta name="robots" content="index,follow" />
<meta content="zjq" name="author" />
<meta content="Dreamweaver" name="Generator" />
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<title>aceona圈子转让</title>
<link href="http://static.aceona.com/app_css/global.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/app_css/app_layout.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
<script type="text/ecmascript" src="http://static.aceona.com/app_js/jquery.js"></script>
</head>
<body>
     <p><a href="javascript:;" title="" id="test1">隐藏所有select</a></p>
  <p>    <a href="javascript:;" title="" id="test2">显示所有select</a></p> 
	 <p>
	 <select>
	      <option>111</option>
		  <option>22</option>
		  <option>33</option>
		  <option>44</option>
	 </select>
</p>
	 <script type="text/javascript">
	 //实用包方法的应用,jquery版
;(function($){
	$.fn.eleToggle=function(options){
		
		//注意options放在函数里面,options参与传递进来
		 options=$.extend(
		{
		   ele:"select",
		   callback:null
		 },options||{}
		  );
		     this.showEle=function(){
		         $(options.ele).show();
				 if(options.callback){
				     options.callback();
				 }
		   };
		     this.hideEle=function(){
				
		          $(options.ele).hide();
				if(options.callback){
				     options.callback();
				 }
		   }
		    return this;
	   }
	})(jQuery);
	
$(document).ready(function(){
   $("#test1").click(function(){ 
      $("select").eleToggle({callback:function(){alert("111")}}).hideEle();
   })
       $("#test2").click(function(){ 
      $("select").eleToggle().showEle();
   })
})

	 </script>
</body>
</html>